<script lang="ts" setup>
defineOptions({ name: "PullRefresh" });
const props = defineProps({
  refreshing: {
    type: Boolean,
    default: false
  }
});
const emit = defineEmits(["update:refreshing"]);
const refreshing = useRefModel(props, "refreshing", emit);
</script>
<template>
  <div class="center py-6px">
    <van-loading v-if="refreshing" :size="`${14 / 36}rem`" type="spinner" />
    <div class="text-size-12px color-[var(--van-text-color-2)] ml-6px">
      {{ refreshing ? "loading..." : "" }}
    </div>
  </div>
</template>
